<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<title>确认订单</title>
</head>
<body style="background:#edf2f7;">
<div class="container-fluid mb22">
	<div class="row global-top">
		<div class="col-xs-4">
			<a href="" class="return">返回</a>
		</div>
		<div class="col-xs-4 t-c">
			确认订单
		</div>
		<div class="col-xs-4">
			<div class="right">
				<a href="" class="icon2"></a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12 white-bg mb04 order-choise">
			<div class="order-adress">
				<div class="adress-shule">
					<div class="of-h">
						<span class="left">收货人：泡泡</span>
						<span class="right">18772378012</span>
					</div>
					<div class="of-h">
						收货地址：湖北省武汉市江夏区阳光大道
						<p style="font-size:0.52rem;color:#ff9900;">(收货不变时，可选择免费代收)</p>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xs-12 order-goods mb04">
			<div class="col-xs-3"><img src="images/sx2.jpg"/></div>
			<div class="col-xs-9">
				湖北省武汉市江夏区阳光大道湖北省武汉市江夏区阳光大道
				<p>尺寸：16寸充洗照片</p>
				<p style="margin-top:0.2rem;">
					<span class="orange-text left">￥169.00</span>
					<span class="right">X1</span>
				</p>
			</div>
		</div>
		<div class="col-xs-12 b-b white-bg">
			<div class="order-list">
				<span class="left">购买数量</span>
				<div class="number">
					<a href="javascript:;">-</a>
					<input type="text" value="1"/>
					<a href="javascript:;">+</a>
				</div>
			</div>
		</div>
		<div class="col-xs-12 b-b white-bg">
			<a href="" class="order-list">
				<span class="left">支付方式</span>
				<span class="right">支付宝</span>
			</a>
		</div>
		<div class="col-xs-12 b-b white-bg">
			<div class="order-list">
				<span class="left">您有4000积分可抵扣40元</span>
				<div id="button1" class="open1">
					<div id="button2" class="open2"></div>
				</div>
			</div>
		</div>
		<div class="col-xs-12 white-bg">
			<div class="order-list">
				<span class="right">共1件商品 合计<span class="orange-text">￥<i>200</i>.00</span></span>
			</div>
		</div>
	</div>
	<footer class="car-footer">
		<div class="col-xs-7">
			<span class="right">合计：<span class="red-text">$2000.00</span></span>
		</div>
		<div class="col-xs-5"><input type="submit" class="blue-bot" value="提交订单" id="settlement"/></div>
	</footer>
</div>
<script type="text/javascript">
	$('#settlement').on('click', function(){
	layer.open({
		type: 1,
		content: '<div class="settlement-pop"><div class="col-xs-12 b-b"><div class="title">付款详情<button>X</button><a href=""><img src="images/question.png"/></a></div></div><div class="col-xs-12 b-b"><div class="settlement-list"><span class="left">支付宝账号</span><span class="right">taozhiyaoyao</span></div></div><div class="col-xs-12 b-b"><a href="" class="settlement-list"><span class="left">付款方式</span><span class="right">中国邮政(8617)</span></a></div><div class="col-xs-12" style="margin-top:6rem;margin-bottom:0.4rem;"><input type="submit" value="确认支付" class="global-button blue-bot"/></div></div>',
		anim: 0,
		style: 'position:fixed; bottom:0; left:0; width:100%;border:none;'
		});
	});
	window.onload=function(){
		var button2=document.getElementById("button2");
		var button1=document.getElementById("button1");
		button2.onclick=function(){
		button1.className=(button1.className=="close1")?"open1":"close1";
		button2.className=(button2.className=="close2")?"open2":"close2";
		}
	}
</script>
</body>
</html>
